<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <title>这是只属于你一个人的礼物</title>

  <link rel="stylesheet" href="../static/css/shenri.css">
  <style>
    body {
      font-size: 16px;
      font-family: 'Helvetica', 'Arial', sans-serif;
      text-align: center;
      background-color: #f8faff;
    }

    .bubbly-button {
      font-family: 'Helvetica', 'Arial', sans-serif;
      display: inline-block;
      font-size: 1em;
      padding: 1em 2em;
      margin-top: 20px;
      margin-bottom: 20px;
      -webkit-appearance: none;
      appearance: none;
      background-color: #ff0081;
      color: #fff;
      border-radius: 4px;
      border: none;
      cursor: pointer;
      position: relative;
      transition: transform ease-in 0.1s, box-shadow ease-in 0.25s;
      box-shadow: 0 2px 25px rgba(255, 0, 130, 0.5);
    }

    .bubbly-button:focus {
      outline: 0;
    }

    .bubbly-button:before,
    .bubbly-button:after {
      position: absolute;
      content: '';
      display: block;
      width: 140%;
      height: 100%;
      left: -20%;
      z-index: -1000;
      transition: all ease-in-out 0.5s;
      background-repeat: no-repeat;
    }

    .bubbly-button:before {
      display: none;
      top: -75%;
      background-image: radial-gradient(circle, #ff0081 20%, transparent 20%), radial-gradient(circle, transparent 20%, #ff0081 20%, transparent 30%), radial-gradient(circle, #ff0081 20%, transparent 20%), radial-gradient(circle, #ff0081 20%, transparent 20%), radial-gradient(circle, transparent 10%, #ff0081 15%, transparent 20%), radial-gradient(circle, #ff0081 20%, transparent 20%), radial-gradient(circle, #ff0081 20%, transparent 20%), radial-gradient(circle, #ff0081 20%, transparent 20%), radial-gradient(circle, #ff0081 20%, transparent 20%);
      background-size: 10% 10%, 20% 20%, 15% 15%, 20% 20%, 18% 18%, 10% 10%, 15% 15%, 10% 10%, 18% 18%;
    }

    .bubbly-button:after {
      display: none;
      bottom: -75%;
      background-image: radial-gradient(circle, #ff0081 20%, transparent 20%), radial-gradient(circle, #ff0081 20%, transparent 20%), radial-gradient(circle, transparent 10%, #ff0081 15%, transparent 20%), radial-gradient(circle, #ff0081 20%, transparent 20%), radial-gradient(circle, #ff0081 20%, transparent 20%), radial-gradient(circle, #ff0081 20%, transparent 20%), radial-gradient(circle, #ff0081 20%, transparent 20%);
      background-size: 15% 15%, 20% 20%, 18% 18%, 20% 20%, 15% 15%, 10% 10%, 20% 20%;
    }

    .bubbly-button:active {
      transform: scale(0.9);
      background-color: #e60074;
      box-shadow: 0 2px 25px rgba(255, 0, 130, 0.2);
    }

    .bubbly-button.animate:before {
      display: block;
      animation: topBubbles ease-in-out 0.75s forwards;
    }

    .bubbly-button.animate:after {
      display: block;
      animation: bottomBubbles ease-in-out 0.75s forwards;
    }
  </style>
  <script type="text/javascript">
    function delayURL(url, time) {
      setTimeout("top.location.href = '" + url + "'", time);
    }
  </script>
  <script type="text/javascript">

  </script>
</head>

<body>

  <!-- <audio autoplay="autoplay" loop="loop" preload="auto" src="../static/voice/环游星空.mp3"></audio> -->
  <a href="#" onclick="delayURL('../SecondLucky/LuckyEvertime.html',1500)">
    <form action="/520" method="post">
      <!--        <input type="submit" value="post请求" name="bow"/>-->

      <style type="text/css">
        p {
          width: 200px;
          padding: 8px;
          background-color: blueviolet;
          color: aliceblue;
          -moz-border-radius: 10px;
          -webkit-border-radius: 10px;
          border-radius: 10px;
          /* future proofing */
          -khtml-border-radius: 10px;
          /* for old Konqueror browsers */
          text-align: center;
          vertical-align: middle;
          border: 1px solid transparent;
          font-weight: 900;
          font-size: 125%
        }
      </style>
      <a href="photo.html">

        <body>
          <p id="1" onClick="windows.location.href=' photo.html'">
            真别点了<br>
            (っ╥╯﹏╰╥c)
          </p>
      </a>

</body>

</form>

<bokeh></bokeh>
<bokeh></bokeh>
<bokeh></bokeh>
<bokeh></bokeh>
<bokeh></bokeh>
<bokeh></bokeh>
<bokeh></bokeh>
<bokeh></bokeh>
<bokeh></bokeh>
<bokeh></bokeh>
<bokeh></bokeh>
<bokeh></bokeh>
<bokeh></bokeh>
<bokeh></bokeh>
<bokeh></bokeh>
<bokeh></bokeh>
<bokeh></bokeh>
<bokeh></bokeh>
<bokeh></bokeh>
<bokeh></bokeh>
<bokeh></bokeh>
<bokeh></bokeh>
<bokeh></bokeh>
<bokeh></bokeh>
<bokeh></bokeh>
<bokeh></bokeh>
<bokeh></bokeh>
<bokeh></bokeh>
<bokeh></bokeh>
<bokeh></bokeh>
<bokeh></bokeh>
<bokeh></bokeh>
<bokeh></bokeh>
<bokeh></bokeh>
<bokeh></bokeh>
<bokeh></bokeh>
<bokeh></bokeh>
<bokeh></bokeh>
<bokeh></bokeh>
<bokeh></bokeh>
<bokeh></bokeh>
<bokeh></bokeh>
<bokeh></bokeh>
<bokeh></bokeh>
<bokeh></bokeh>


<div class="pyro">
  <div class="before"></div>
  <div class="after"></div>
</div>
<h1>谢谢你点亮我的生活</h1>
<img src="../static/img/letter.jpg" width="1000px">

<div class="candle">
  <div id="flame" class="lit"></div>
</div>

<div class="cake"></div>
<div class="plate"></div>

<div style="text-align:center;margin:-100px 0; font:normal 14px/24px 'MicroSoft YaHei';">

</div>
</body>

</html>